<!--vue快速生成代码-->
<template>
  <div>
    <el-button type="text" @click="toBack">返回</el-button>
    <el-tabs v-model="activeName">
      <!-- lazy懒加载 -->
      <el-tab-pane :lazy="true" label="基本信息" name="info">
        <Info></Info>
      </el-tab-pane>
      <el-tab-pane :lazy="true" label="订单信息" name="order">
        <Order></Order>
      </el-tab-pane>
      <el-tab-pane :lazy="true" label="收益信息" name="detailshou">
        <Detailshou></Detailshou>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
//导入组件
import Info from "./info.vue";
import Order from "./order";
import Detailshou from "./detailshou";
export default {
  components: {
    Info,
    Order,
    Detailshou,
  },
  data() {
    return {
      //激活的选项卡
      activeName: "info",
    };
  },
  computed: {},
  methods: {
    toBack() {
      this.$router.go(-1);
    },
  },
  created() {
    //获取动态路由参数
    console.log(this.$route.params.id);
  },
  mounted() {},
};
</script>
<style lang="less" scoped>
</style>